<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=no">
	<title>搜索 - 日新网</title>
	<link rel="stylesheet" href="__TMPL__Public/assets/css/bootstrap.min.css">
	<link rel="stylesheet" href="__TMPL__Public/assets/css/reset.css">
	<link rel="stylesheet" href="__TMPL__Public/assets/css/style.css">
	<script type="text/javascript" src="__TMPL__Public/assets/js/rem.js"></script>
	<style>
		input::-webkit-outer-spin-button,
		input::-webkit-inner-spin-button {
			-webkit-appearance: none;
		}
		input {
			outline:none;
		}
	</style>
</head>
<body>
	<div class="search_header">
		<span id="close_search"></span>
		<input id="search_input" type="text">
		<i class="search_start"></i>
	</div>
	<div class="search_history" >
		<p>热门搜索</p>
		<ul class="clearfix">
			<volist name="hot_lists" id="vo">
				<li class="search_keyword">{$vo.keyword}</li>
			</volist>
		</ul>
	</div>
	<div class="search_history" >
		<p>搜索历史</p>
		<ul class="clearfix">
			<volist name="self_lists" id="vo">
				<li class="search_keyword">{$vo.keyword}</li>
			</volist>
		</ul>
	</div>
	<script type="text/javascript" src="__TMPL__Public/assets/js/jquery.1.12.4.js"></script>
	<script src="__TMPL__Public/assets/js/bootstrap.min.js" ></script>
	<script>
		$('#close_search').click(function () {
			window.history.go(-1);
        });

		$('.search_keyword').click(function () {
            var keyword = $(this).text();
            window.location.href = "{:U('portal/search/index')}" + "&keyword=" + keyword;
        });

        $('#search_input').change(function () {
            var keyword = $(this).val();
            window.location.href = "{:U('portal/search/index')}" + "&keyword=" + keyword;
        });

        $('.search_start').click(function () {
            var keyword = $('#search_input').val();
            window.location.href = "{:U('portal/search/index')}" + "&keyword=" + keyword;
        })
	</script>
</body> 
</html>